/*公共部分*/
.wrap{width:85.94vw;max-width:100%;margin:0 auto}
.wrap2{width:76.04vw;max-width:100%;margin:0 auto}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1620px){ 
    .wrap{width:89.94vw} 
    .wrap2{width:82.04vw}
}
@media (max-width:1440px){ 
    .wrap{width:92.94vw}
    .wrap2{width:86.04vw}
}
@media (max-width:1280px){ 
    .wrap2{width:90.04vw}
    .wrap, .w1200{width:96.94vw} 
}
@media (max-width:1024px){ .wrap2, .w1200, .wrap{width:100%;padding:0 15px} }

/* 滚动条 */
body::-webkit-scrollbar{width:8px}
/* 滚动条滑块 */
body::-webkit-scrollbar-thumb{background-color:#999;border-radius: 5px;}
/* 滚动条外层轨道 */
body::-webkit-scrollbar-track{background-color:#faf6f3}

body.cur, html.cur{width:100%;height:100%;overflow:hidden}

/* 全部公共 */
.holer{height:124px; overflow:hidden; background:none;}
#headdiv{height: 131px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}
/*顶部bar*/
.top01{width:100%;height:38px;line-height:38px;background:#013281;color:#fff;overflow:hidden;font-size:12px;}
.top01 .l{font-size:14px;color:#fff;}
.top01_center{text-align:left;float:right;font-size:14px;color:#fff;}
.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}
/*logo和导航*/
.top02{width:100%;min-width:1200px;background-color: rgb(255, 255, 255); height: 86px;}
.top02.active{box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
/*.top02 .top02_center{width:1440px;min-width:1200px;margin:0 auto}*/
.logo{width:20%;float:left;padding-top:10px}
.logo img{float:left}
.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#013281;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav{float: left;width: 80%;}
.nav .navb{float:right;}
.nav .navb li{position:relative}
.nav .navb li.m{margin:0 40px 0 0;float:left;text-align:center;}
.nav .navb li:last-child{margin-right:0;}
.nav .m.on a.mmm{color:#013281}
.nav a.mmm{height:86px;padding-top:32px;display:block;font-size:16px;color:#333}
.nav .m a.mmm:after{content: "";height: 3px;width: 0;position: absolute;left: 0;bottom: 0px;background: #013281;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.nav .m.on a.mmm:after{width:100%;}
.nav .sub {display: none;width: 100%;padding: 0;position: fixed;top: 124px;overflow: hidden;text-align: left;z-index: 110;left: 0;background-color: #f5f5f5;}
.nav .sub .nav_xiao{width:1440px;overflow:hidden;margin:0 auto}
.nav .sub .nav_xiao .xiao_one{overflow:hidden;padding:15px 0;}
.nav .sub .nav_xiao .xiao_one ul li{float:left;display:inline;width:20%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_one ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;font-size:16px;transition:all .3s}
.nav .sub .nav_xiao .xiao_one ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_one ul li a:hover{color:#013281}
.nav .sub .nav_xiao .xiao_one ul li a i{display:block;width:100%;margin:0 auto;overflow:hidden;transition:all .3s;}
.nav .sub .nav_xiao .xiao_one ul li a i img{width: 30%;}
.nav .sub .nav_xiao.max1100{max-width:1100px}
.nav .sub .nav_xiao .xiao_five{width:549px;overflow:hidden;float:left;margin-top:40px;margin-bottom:40px;border-right:1px solid #e6e6e6}
.nav .sub .nav_xiao .xiao_five img{width:391px;height:259px}
.nav .sub .nav_xiao .xiao_five a{width:391px;height:259px;padding:0;margin-right:45px;float:left}
.nav .sub .nav_xiao .xiao_five2{float:right;text-align:left;margin-top:71px}
.nav .sub .nav_xiao .xiao_five2 a{text-align:left;float:left;margin-right:100px;height:38px;line-height:38px;color:#000;font-size:18px;margin-bottom:42px;transition:all .3s}
.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){margin-right:3px}
.nav .sub .nav_xiao .xiao_five2 a i{width:38px;height:38px;border-radius:50%;background-color:#999;float:left;margin-right:20px;transition:all .3s;margin-left:0}
.nav .sub .nav_xiao .xiao_five2 a i img{width: 22px;height:22px;margin-left: 8px;}
.nav .sub .nav_xiao .xiao_five2 a:hover{color:#013281}
.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#013281}

.mheadnav{display: none;}
@media (max-width: 1024px){
    .holer{height: 0px;}
    .pcheadnav {display: none!important;}
    .mheadnav{display: block;}
    .mHeader{ height:56px; background:rgba(255,255,255,0.9); position:fixed; left:0; top:0; width:100%; padding:0 15px; z-index:20; box-shadow:0 1px 3px 2px rgba(0,0,0,0.06); display:block;}
    .mOpenBtn{ width:30px; height:20px; position:absolute; right:15px; top:50%; margin-top:-10px; overflow:hidden; cursor:pointer}
    .mOpenBtn i{width:30px; height:2px; margin-bottom:4px; background:#013281; display:block}
    .mOpenBtn i:nth-child(2){ width:21px}
    .mOpenBtn i:nth-child(3){ width:25px}
    .mOpenBtn i:nth-child(4){ width:10px}
    .mMenuLayBg{ opacity: 0; position: fixed; z-index: 900; left: 0; top: 0; width: 100%; height: 100%; transform: translateX(100%); transition: all 0.5s ease-in-out; transition-delay: 0.4s; display: block; background:#013281; background-size:cover; }
    .mMmenuLay{ position: fixed; height: 100%; left: 70px; top: 0px; right: 0px; bottom: 0px; z-index: 950; overflow-y: auto; color: #fff; font-size: 14px; box-shadow: -2px 0px 4px 3px rgba(0,0,0,0.06); padding: 25px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(100%); transition-delay: 0.2s; display: block; background: #013281; background-size: cover; }
    .mCloseBtn{ background: url(../images/mclose.png) no-repeat center center; height: 26px; width: 26px; position: fixed; left: 15px; top: 15px; cursor: pointer; z-index: 950; background-size:22px 22px; transition:all 0.5s ease-in-out; opacity:0; display:block; }
    .mLogo{float:left;}
    .mLogo img{height:46px; width:auto; margin-top:3px;}
    .mLogo span{font-size:16px; line-height:38px; display:inline-block; position:relative; left:8px; top:4px;}
    .mLogo span,.mLogo img{vertical-align:middle;}
    .mMmenuLay dt{position:relative; position:relative;}
    .mMenu_a1{font-size:15px; font-weight:bold; color:#fff; padding:0 48px 0 6px; display:block; line-height:46px; border-bottom:1px solid rgba(255,255,255,0.3);}
    .mMenu_a2{font-size:14px; color:#fff; line-height:46px; display:block; border-bottom:1px solid rgba(255,255,255,0.3); padding-left:25px;}
    .mToggle{ height: 47px; width: 47px; position: absolute; top: 0px; right: 0px; background: url(../images/mhead_i1.png) no-repeat center center; cursor: pointer; display:none }
    .mToggle2{ background: url(../images/reduce.jpg) no-repeat center center; }
    .mMmenuLay dd{ transition:all 0.5s ease-in-out; height:0; overflow:hidden}
    .mMmenuLay dl.on dd{height:47px;}
    .mMenu_a1:hover,.mMenu_a2:hover{color:#fff; opacity:0.8}
    .mMenu_icon1{ background: url(../images/hd_i1.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; margin-right: 8px; }
    .mMenu_a1 text,.mMenu_a1 i{vertical-align:middle;}
    .mMenuLayBg.on{opacity:0.9; transform:translateX(0%); transition-delay:0.2s}
    .mMmenuLay.on{opacity:1; transform:translateX(0%); transition-delay:0.4s}
    .mCloseBtn.on{opacity:1; transform:rotate(360deg);}
    .mHeader .topSerBtn{ background: url(../images/ser_red.png) no-repeat center center; display: inline-block; position: absolute; margin-top: -15px; top: 50%; right: 60px; height: 30px; width: 30px; display:none; }
    .mainbody {margin-top: 56px;}
}

.footer{background-color: #161b25;}
.footer, .footer a {color: #c6ccd0;}
.footerin{ overflow: hidden; position: relative; padding: 56px 0 32px; border-bottom: 1px solid rgba(130,139,144,0.2);}

.footnav{ float: right; overflow: hidden;}
.footnav li{ display: inline-block; vertical-align: top; margin-left: 56px;}
.footnav li:first-child{ margin-left: 0;}
.footnav li dt{ height: 60px; line-height: 60px;}
.footnav li dt a{ display: inline-block; font-size: 16px; color: #c6ccd0; position: relative;}
.footnav dt a:after{ left:100%; position: absolute; bottom: 20px; content: " "; width: 0;
	border-bottom: 1px solid #c6ccd0; -webkit-transition: .3s; transition: .3s;}
.footnav dt:hover a:after{ width: 100%; left:0; transition: width 0.3s; -webkit-transition: width 0.3s;}

.footnav li .hx{ width: 14px; height: 3px; margin: 34px 0 32px; background-color: #8a8e99;}
.footnav li dd{ line-height: 30px; height: 30px;}
.footnav li dd a{ display: inline-block; font-size: 14px; color: #8a8e99;}
.footnav li dd a:hover{ color: #107cc9;}
.footnav li dd a:hover{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%232f66d8' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%; 
	background-size:20px auto; animation:waveMove 1s infinite linear;}
.footlogo{ float: left; height: 60px; font-size: 0; text-align: center; line-height: 60px;}
.footlogo img{ max-width: 100%; max-height: 100%;}
.footewm{ float: right; margin-top: 25px;}
.footewm .fig{ width: 136px; height: 136px; border: 1px solid #e5e6e9; text-align: center; font-size: 0; line-height: 136px;}
.footewm img{ max-width: 90%; max-height: 90%;}
.footewm p{ margin-top: 10px; font-size: 16px; color: #8a8e99; line-height: 24px; text-align: center;}
.footewm p:hover{ color: #107cc9;}

.footrexian{ margin-top: 50px;}
.footrexian h4{ font-size: 18px; color: #252b3a; line-height: 30px; height: 30px; overflow: hidden; opacity: 0.77;}
.footrexian h6{ font-size: 30px; color: #252b3a; line-height: 50px; height: 50px; overflow: hidden;}
@media screen and (max-width:1200px){
	.footnav li{ margin-left: 40px;}
}
@media screen and (max-width:1023px){
	.footerin{ padding: 24px 0 24px;}
	.footkouhao{ margin-left: 30px; letter-spacing: 2px;}
}
@media screen and (max-width:900px){
	.footlogo,.footkouhao{ display: none;}
	.footnav{ float: none; width: 100%; text-align: center;}
	.footnav li dt{ height: 40px; line-height: 40px;}
	.footnav dt a:after{ bottom: 10px;}
}
@media screen and (max-width:750px){
	.footerin{ padding: 16px 0 16px;}
	.footnav li dt a{ font-size: 14px;}
}
@media screen and (max-width:600px){
	.footnav li{ margin-left: 20px;}
}
@media screen and (max-width:540px){
	.footnav li{ margin-left: 14px;}
}
.footer2{ position: relative; z-index: 10; width: 100%;}
.footer2 .footerwrap{ padding-top: 66px; padding-bottom: 50px; overflow: hidden;}
.flxbtnout{ height: 36px; font-size: 0; text-align: center; position: relative; z-index: 1; float: right;}
.flxbtnout a{ display: inline-block; width: 36px; height: 36px; margin-left: 26px;
	text-align: center; line-height: 36px; border-radius: 50%; background-color: rgba(198,204,208,0.5);}
.flxbtnout a>img{ opacity: 0.8; transition: 1s;}
.flxbtnout a:hover>img{ transform: rotateY(360deg);}

.footwx{ position: relative;}
.footwx .bigewm{ position: absolute; width: 120px; height: 120px; top: -36px; padding: 5px;
	right: 36px; z-index: 1; display: none; line-height: 100px;
	background-color: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);}
.footwx .bigewm img{ width: 100%; height: 100%;}


.footinfo2{ float: left; width: 720px; font-size: 14px; color: #c6ccd0; line-height: 34px;}
.footinfo2 span{ display: inline-block;}
.footinfo2 a{ display: inline-block; color: #c6ccd0;}
.footinfo2 a:hover{ color: #fff;}
.footinfo2 img.jw{ margin-top: -2px; margin-left: 5px;}
.footinfo2 img.cnzz{ margin-left: 5px; margin-right: 5px;}
.footinfo2 a.beian{margin-left: 10px;font-size:14px;}
.footinfo2 span.youbian{ margin-left: 20px; margin-right: 20px;}
@media screen and (max-width:1023px){
	.footer2{ text-align: center;}
	.footer2 .footerwrap{ padding-top: 30px; padding-bottom: 30px; overflow: auto;}
	.footinfo2,.flxbtnout{ float: none; display: block; width: 100%;}
	.footinfo2{ line-height: 28px;}
	.footinfo2 span{ margin: 0 5px;}
	.flxbtnout{ margin-top: 20px;}
	.footwx .bigewm{ top:-74px;}
}
@media screen and (max-width:750px){
	.footer2 .footerwrap{ padding-top: 16px; padding-bottom: 16px;}
	.footinfo2 span.youbian{ margin-left: 10px; margin-right: 10px;}
	.cursor-dot{ display: none;}
}


#toolbar {position: fixed;z-index: 9999;right: 17px;bottom: 10%;}
#toolbar li {margin-bottom: 3px;font-size: 0;width: 60px;height: 60px;right: 0;position: relative;}
#toolbar li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 60px;height: 60px;
               overflow: hidden;background: #013281;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;
}
#toolbar li .icon-font {display: inline-block;vertical-align: middle;width: 60px;height: 60px;background-color: #d9d9d9;}
.icon-font {position: relative;}
.icon-font:after {content: "";width: 30px;height: 30px;background-image: url(../images/icon_spirit.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}
#toolbar li .icon-qq:after {background-position: 0 -150px;}
#toolbar li .icon-phone:after {background-position: 0 -90px;}
#toolbar li .icon-ewm:after {background-position: 0 -30px;}
#toolbar li .icon-message:after {background-position: 0 -120px;}
#toolbar li .icon-top:after {background-position: 0 -60px;}
#toolbar li .icon-wangwang:after {background-position: 0 0;}
#toolbar li .wz {display: inline-block;line-height: 60px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #013281;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box p {margin-bottom: 0;}
#toolbar li.ewm .ewm-box img {max-width: 100%;}
#toolbar li.ewm .ewm-box:after {
    content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;
    cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #013281;border-right: none;
}
#toolbar li.ewm:hover .icon {background-position: -60px -180px;}
#toolbar li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop {cursor: pointer;display: none;}
#toolbar li.backtop .iconfont {color: #fff;background-color: #013281;}
#toolbar li:hover a {width: 200px;}
#toolbar li:hover .icon-font {background-color: #013281;}
#toolbar li:hover .icon-qq:after {background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after {background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after {background-position: -30px -30px;}
#toolbar li:hover .icon-message:after {background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after {background-position: -30px 0;}
#toolbar li:hover .icon-top:after {background-position: -30px -60px;}
@media (max-width: 767px) {
    #toolbar{right: 10px;bottom: 5%;}
    #toolbar li:nth-child(1),#toolbar li:nth-child(2),#toolbar li:nth-child(3){display: none;}
    #toolbar li{width:50px;height:50px;}
    #toolbar li .icon-font{width:50px;height:50px;}
}
@media (max-width: 380px){
    #toolbar li{width:40px;height:40px;}
    #toolbar li .icon-font{width:40px;height:40px;}
}

/* 子页面公共 */
.pcnav{width:100%;box-shadow:0px 0px 22px 0px rgba(0,0,0,0.1);position:relative;z-index:3}
.propcnav .wrap2{width:100%;padding-left:11.78vw}
.pcnavbox{text-align:left}
.pcnavelist{margin-right:2.083vw;position:relative}
.pcnavelist:nth-last-of-type(1){margin-right:0}
.pcnavelist .name,
.pcnavelist>a{display:block;height:70px;line-height:70px;color:#666}
.pcnavelist:after{content:"";width:0px;height:3px;background-color:#013281;position:absolute;overflow:hidden;bottom:0;left:50%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.pcnavelist.cur .name, .pcnavelist:hover .name, .pcnavelist.cur>a, .pcnavelist:hover>a{color:#013281}
.pcnavelist.cur:after, .pcnavelist:hover:after{width:100%;margin-left:-50%}
.pagernav{height:70px}
.pagernav .icon{line-height:70px;margin-right:10px}
.pagernav .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.pagernav .text{line-height:70px;margin-right:10px;color:#585858;font-weight:bold}
.pagernav .text.cur{color:#013281;margin-right:0}
.pcnavlistchild{width:140px;padding:0 10px;position:absolute;top:90px;left:50%;margin-left:-70px;background-color:#fff;box-shadow:0px 4px 22px 0px rgba(0,0,0,0.06);z-index:-1;opacity:0;visibility:hidden}
.pcnavelist:hover .pcnavlistchild{top:70px;z-index:9;opacity:1;visibility:visible}
.pcnavchilditem{padding:10px 0;display:block;line-height:26px;border-bottom:1px solid #f2f2f2}
.pcnavchilditem:nth-last-of-type(1){border-bottom:none}
.pcnavchilditem:hover{color:#013281}

.wappagenav{display:none;position:relative}
.wappagenav .wappagenavname{display:block;color:#fff;background-color:#013281;font-size:16px;line-height:48px;position:relative}
.wappagenav .wappagenavname:after{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:50%;right:21.5px;margin-top:-7px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname:before{content:"";width:14px;height:2px;background-color:#fff;position:absolute;top:50%;right:15px;margin-top:-1px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname.cur:after,
.wappagenav .wappagenavname.cur:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wappagenav .wappagenavitems{width:100%;max-height:300px;overflow-y:auto;padding:0;display:none;background-color:#fff;z-index:10;position:absolute;top:48px;left:0;box-shadow:0px 6px 28px rgba(0,0,0,0.08)}
.wappagenav .wappaganavlist{width:100%;float:none;border-bottom:1px solid #ddd;padding:0 15px;z-index:99;background-color:#fff}
.wappagenav .wappaganavlist .onename{line-height:26px;padding:10px 0;color:#333;font-size:15px;font-weight:bold;display:block}
.wappagenav .wappaganavlist:nth-last-of-type(1){border-bottom:none}
.wappagenav .wappaganavlist .name{position:relative}
.wappagenav .wappaganavlist .name:after{content:"";width:2px;height:14px;background-color:#ddd;position:absolute;top:13px;right:6px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappaganavlist .name:before{content:"";width:14px;height:2px;background-color:#ddd;position:absolute;top:19px;right:0}
.wappagenav .wappaganavlist.cur .name:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
.wappagenav .wappaganavlist .name a{max-width:75%;line-height:26px;padding:7px 0;color:#333;font-size:15px;font-weight:bold;border-top:none;display:inline-block}
.wappagenav .wappaganavlist .child{border-top:1px solid #ddd;overflow-y:auto;max-height:140px;display:none}
.wappagenav .wappaganavlist .child .list{display:block;font-size:12px;padding:5px 10px;color:#999;line-height:24px;border-bottom:1px solid #f0f0f0}
.wappagenav .wappaganavlist .child .list:nth-last-of-type(1){border-bottom:0}

.pageban{position:relative;overflow:hidden}
.pageban .textbox{position:absolute;top:50%;margin-top:-65px;left:50%;margin-left:-38.02vw}
.pageban .textbox.textbox2{margin-top:-38px}
.pageban .textbox .title{font-size:48px;font-weight:bold;text-align:center;color:#fff;transition:1.4s ease-in-out 0s;-webkit-transition:1.4s ease-in-out 0s;-moz-transition:1.4s ease-in-out 0s}
.pageban .textbox .text{font-size:30px;margin-top:8px;text-align:center;color:#fff;transition:1.4s ease-in-out 0.3s;-webkit-transition:1.4s ease-in-out 0.3s;-moz-transition:1.4s ease-in-out 0.3s}
.pageban .wapimg{display:none}
.pageban .title2{color:#332c2b;font-size:60px;text-align:center;line-height:76px;font-weight:bold;transition:1.4s ease-in-out 0.6s;-webkit-transition:1.4s ease-in-out 0.6s;-moz-transition:1.4s ease-in-out 0.6s}
.pageban .title2 span{color:#013281}
.pageban .tel{width:460px;margin:16px auto 0;color:#fff;font-size:36px;font-weight:bold;line-height:48px;padding-left:45px;background-image:url(../images/sugbantel.png);background-repeat:no-repeat;background-position:left top 8px;transition:1.4s ease-in-out 0.6s;-webkit-transition:1.4s ease-in-out 0.6s;-moz-transition:1.4s ease-in-out 0.6s}
.pageban .play{width:65px;margin:10px auto 0;cursor:pointer;transition:1.4s ease-in-out 0.3s;-webkit-transition:1.4s ease-in-out 0.3s;-moz-transition:1.4s ease-in-out 0.3s}
.pageban video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden}
.pageban.cur video{z-index:8;opacity:1;visibility:visible;object-fit:fill;object-position:center center}
.pageban.cur .img,
.pageban.cur .textbox{z-index:-1;opacity:0;visibility:hidden}
.pageban .img img{display:block;}
.pagewrap{padding-right:9.375vw;background-color:#fff;padding-top:80px;padding-bottom:100px;padding-left:100px}
.pagew1200{width:1200px}

.pagetitlebox .cntitle{color:#000;font-size:32px;font-weight:bold;line-height:1;text-align:center}
.pagetitlebox .entitle{color:#aeaeae;font-size:18px;font-weight:bold;text-align:center;font-family:Arial;margin-top:10px}

@media (max-width:1800px){
    .pcnavelist{margin-right:1.683vw}
}

@media (max-width:1620px){
    .pageban .textbox{margin-left:-41.02vw}
    .propcnav .wrap2{padding-left:9.78vw}
}

@media (max-width:1440px){
    .pageban .textbox{margin-left:-43.02vw;margin-top:-55px}
    .pcnavelist{margin-right:1.1vw}
    .pageban .textbox .title{font-size:38px}
    .pageban .textbox .text{font-size:24px}
    .pageban .textbox.textbox2{margin-top:-25px}
    .pageban .title2{font-size:38px;line-height:50px}
    .pageban .tel{width:338px;font-size:26px}
    .pagetitlebox .cntitle{font-size:28px}
    .pagetitlebox .entitle{font-size:16px}
    .propcnav .wrap2{padding-left:7.78vw}
}
@media (max-width: 1366px) {
    .pcnavelist{margin-right:1.2vw}
    .propcnav .wrap2{padding-left:5.78vw}
}
@media (max-width:1280px){
    .pageban .textbox{margin-left:-44.02vw;margin-top:-43px}
    .pageban .textbox .title{font-size:32px}
    .pageban .textbox .text{font-size:20px}
}

@media (max-width:1024px){
    .pcpagenavbox, .pager, .pcpagenav, .pcnav, .pageimg{display:none}
    .wappagenav, .wappager, .pageban .wapimg{display:block}
    .pageban .wapimg img{width:100%}
    .pageban .textbox{left:0;margin-left:0;margin-top:-12px}
    .pageban .textbox .cntitle{font-size:16px;transition:2s ease-in-out 0s;-webkit-transition:2s ease-in-out 0s;-moz-transition: 2s ease-in-out 0s}
    .pageban .textbox .entitle{font-size:12px;margin-top:0;transition:2s ease-in-out 0.3s;-webkit-transition:2s ease-in-out 0.3s;-moz-transition: 2s ease-in-out 0.3s}
    .pageban .img, .pageban{height:auto;background-image:none}
    .pageban{margin-top:0}
    .pageban .img{position:static}
    .pageban .showimg img{opacity:1;visibility:visible}
    .pagewrap{padding:50px 15px}
    .pageban .textbox{padding:8px 15px}
    .pageban .textbox{width:100%;left:0;margin-left:0;padding:0 15px;margin-top:-30px}
    .pageban .textbox .title{font-size:18px;line-height:24px}
    .pageban .textbox .text{font-size:12px;margin-top:3px}
    .pageban .tel{width:190px;font-size:14px;margin:6px auto 0;background-size:16px 16px;padding-left:22px;line-height:19px;background-position:left top}
    .page{padding:0 15px;background-color:#fff}
    .pagew1200{width:100%}
    .pagecon{padding:25px 0}
    .pagebox{padding:45px 0;border-top:none}
    .pagetitlebox .cntitle{font-size:22px}
    .pagetitlebox .entitle{font-size:14px;margin-top:5px}
    .pageban .textbox.textbox2{margin-top:-15px}
    .pageban .title2{font-size:20px;line-height:30px}

}

@media (max-width:370px){
    .pageban .textbox{margin-top:-27px}
    .pageban .textbox .text{font-size:12px}
}